

.pc-nav{
    float: right;
    padding-right: 2rem;

}

.pc-nav li{display: inline-block;

    *display: inline;zoom: 1;margin-left: 1.5rem;position: relative;}

.pc-nav li:first-child{

    margin-left: 0;

}

.pc-nav .tit{

    display: block;

    height:90px;

    line-height:90px;

    color: #000000;

    font-size: 18px;

    transition: all .3s;
	font-weight: 600;

}

/* .pc-nav li .tit:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 4px;

    background-color: #00949c;

    transition: all .3s;

} */

.pc-nav li .navson{

    position: absolute;

    left: 50%;

    margin-left: -1.625rem;

    top: 3.15rem;

    width: 3.25rem;

    /* border: 1px solid #e5e5e5; */

    /* border-top: 3px solid #00949c; */

    box-shadow: 0 0 30px rgba(0,0,0,.1);

    background: #fff;

    opacity: 0;

    filter: alpha(opacity=0);

    visibility: hidden;

    border-radius: 6px;

    transition: all .3s;

}

.pc-nav li .navson a{

    display: block;

    height: 1.25rem;

    line-height: 1.25rem;

    font-size: .35rem;

    color: #666;

    border-bottom: 1px solid #e5e5e5;

    /* padding: 0 .6rem; */

    text-align: center;

    transition: all .3s;

}

.pc-nav li .navson a:first-child{

    border-radius: 6px 6px 0 0;

}

.pc-nav li .navson a:last-child{

    border-bottom: none;

    border-radius: 0 0 6px 6px;

}

.pc-nav li.cur .tit{

    color: #db3831;

}

/* .pc-nav li.cur .tit:before{

    width: 100%;

} */
.pc-nav ul li.on a{color: #db3831;}.pc-nav ul li{transition: all 0.6s;position: relative;}.pc-nav ul li:hover a{color: #db3831;}.pc-nav ul li::after{position: absolute; content: ""; left: 0; bottom: -1px; width: 0; height: 2px; background: #db3831;}.pc-nav ul li:hover::after{width: 100%;transition: all 0.6s;}.pc-nav ul li.on::after{width: 100%;}
.m-nav{

    display: none;

}

.header-right{float: right;margin-left: 1.25rem;transition: all .3s;display: flex;align-content: center;/* line-height: 90px; *//* position: absolute; */top: 0;bottom: 0;height: 100%;/* position: absolute; */}

.header-right .item{
    *display: inline;
    zoom: 1;
    margin-left: 1rem;
    vertical-align: middle;
    position: relative;
    display: flex;
    align-items: center;
	cursor: pointer;
}
.header-right .item span{display: inline-block;font-size: 18px;height: .5rem;line-height: .5rem;margin-left: .2rem;font-weight:600;}
.header-right .item:first-child{
    margin-left: 0;
    border-right: 1px solid #dcdcdc;
    padding-right: 1rem;
    font-weight: 600;
}

.header-right .icon{

    display: inline-block;

    width: .45rem;

    height: .45rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}

.header-right .search-btn{

    background-image: url('../images/search-btn.png');

}

.header-right .lang{

    background-image: url('../images/lang.png');

}

.header-right .lang-sub{

    position: absolute;

    left: 50%;

    top: 65px;

    padding-top: .3rem;

    transform: translateX(-50%);

    width: 3rem;

    padding-top: .5rem;

    display: none;
	

    

}

.header-right .lang-sub .sub{

    border-radius: 6px;

    background-color: #fff;

    box-shadow: 0 0 30px rgba(0,0,0,.1);

    overflow: hidden;

}

.header-right .lang-sub .sub a{

    display: block;

    height: 1.25rem;

    line-height: 1.25rem;

    text-align: center;

    color: #666;

    font-size: .38rem;

    color: #666;

    border-bottom: 1px solid #e5e5e5;

    transition: all .3s;

}
.header-right .lang-sub .sub a:hover{
	color: #db3831;
	background: #fff;
}
.header-right .search-box{

    display: none;

}






.search-box{

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

    background-color: #fff;

    display: none;

}

.pub-close{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: .6rem;

    height: .6rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    top: 2.25rem;

}

.search-top{

    border-bottom: 1px solid #e5e5e5;

    padding: .9rem 0;

}

.search-top .search{

    position: relative;

    width: 94%;

    float: left;

}

.search-top .search input[type=text]{

    width: 85%;

    height: 1rem;

    line-height: 1rem;

    background-color: transparent;

    padding-left: 1.25rem;

    font-size: .65rem;

    color: #000;

    box-sizing: border-box;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url('../images/search-btn3.png');

    font-size: .5rem;

    float: left;

}

.search-top .search input[type=submit]{

    float: right;

    width: 3rem;

    height: 1rem;

    font-size: .35rem;

    color: #fff;

    background-color: #db3831;

    border-radius: 4px;

}

.search-top .search-close{

    float: right;

    width: 1rem;

    height: 1rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('../images/search-close.png');

}

.search-box .enter-box h3{

    font-size: .6rem;

    line-height: 1.75rem;

    color: #000;

}

.search-box .enter-box .list .item{

    font-size: 0;

}

.search-box .enter-box .list .item:nth-child(2n+1){

    background-color: #f1f1f1;

}

.search-box .enter-box .list .item a{

    display: inline-block;

    *display: inline;

    zoom: 1;

    color: #666;

    line-height: 1.75rem;

    font-size: .38rem;

    transition: all .2s;

}

.search-wrap .search-top{

    padding: 0;

}

/* header end */


.banner .m-box{

    display: none;

    position: relative;

}

.banner .pc-box{

    height: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative;

}

.banner .swiper-slide .img{

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.banner .ban-video{

    background-color: #000;

}

.banner .swiper-slide{

    overflow: hidden;

}

.banner .swiper-slide video{

    position: absolute;

    right: 0;

    top: 50%;

    width: 115%;

    transform: translateY(-50%);

    background-color: #000;

}

.banner .btns{

    /* display: none; */

    position: absolute;

    left: 0;

    bottom: 3rem;

    width: 100%;

    text-align: center;

    font-size: 0;

    z-index: 3;

}

.banner .btns .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    border-radius: 100%;

    background-color: #fff;

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 5px;

}

.banner .btns .swiper-pagination-bullet-active{

    background-color: #db3831;

}

.banner .text-box{

    position: absolute;

    left: 0;

    top: 46.3%;

    width: 100%;

}

.banner .text-box .tit{
	font-weight: 600;
	
    font-size: 1.6rem;

    line-height: 1.7rem;

    color: #fff;

}

.banner .text-box .col{

    overflow: hidden;

}

.col .split{

    display: inline-block;

    *display: inline;

    zoom: 1;

}

.banner .text-box .sub-tit{

    font-size: 1rem;

    line-height: 1.1rem;

    color: #fff;

    margin-top: .6rem;

}

.banner .block{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}


.index-about-box{background: #f8f8f8; padding: 1.5rem 0 0; box-sizing: border-box; position: relative;}
.index-about-box .info{padding-left: 5%; box-sizing: border-box; position: relative; overflow: hidden;}
.index-about-box .info .text{position: relative; background: #ffffff;  padding: 2rem; width: 90%; margin: 0 auto; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between;}
.index-about-box .info .text .left{width: 45%; padding-right: 4rem; position: relative; z-index: 2;}
.index-about-box .info .text .left h2{color: #333333; font-size: 1.2rem; margin-bottom: 1rem; font-weight: normal;}
.index-about-box .info .text .left h3{color: #333333; font-size: .75rem; margin-bottom: 1rem;font-weight: normal; line-height: 2;}
.index-about-box .info .text .left .more{transition: all 0.6s; background: #db3831; box-shadow: 0 0 10px 0 rgba(219,56,49,.5); width: 4rem; height: 1.2rem; text-align: center; line-height: 1.2rem; border-radius: 30px; margin-top: 4rem;}
.index-about-box .info .text .left .more a{color: #ffffff; font-size: .38rem; display: block;}
.index-about-box .right{width: 55%; padding-left: 2rem; position: relative; z-index: 2;}
.index-about-box .num-box{margin-bottom: 1.5rem; margin-top: .5rem; display: flex; justify-content: space-between;}
.index-about-box .num-box .item{  display: inline-block;  *display: inline;  zoom: 1;  margin-right: 1rem;    position: relative;  vertical-align: top;  }
.index-about-box .info .text .left .more:hover{width: 5rem;}
	
.index-about-box .num{  font-size: 1.6rem;  line-height: 1.6rem;  font-family: 'BROWNSTD'; font-weight: normal; color: #db3831;  }
.index-about-box .num i{color: #db3831; font-size: .38rem;}
.index-about-box .year{  font-size: .35rem;   color: #555555;  margin-left: .2rem;  }
.index-about-box .right .p p{font-size: .36rem; line-height: 2.5; color: #555555;}
.index-about-box .info::before{position: absolute; content: ""; right: 0; width: 50%; height: 100%; background: #ffffff;}
.bigtit{position: absolute; bottom:-1rem; height: 8rem; width: 100%; font-weight: bold; text-transform: uppercase; color: #fafafa; z-index: 0;}
.index-about-box .ab-img{background: url(../images/hirain.jpg) no-repeat center top;height:10rem;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; margin-left: 5%;}

.index-title{padding: 1.2rem 0;box-sizing: border-box;}
.index-title .t1{color: #333333; font-size: 1rem; }
.index-title .t2{display: flex;margin-top: .3rem;display: -webkit-flex;justify-content: space-between;align-items: center;}
.index-title .t2 p{color: #333333; font-size: .42rem; }
.index-title .t2 span{color: #333333; font-size: .38rem; transition: all 0.6s; display: inline-block; border-bottom: 2px solid #585858; padding-bottom: .5rem;}
.index-title .t2 span img{display: inline-block;
*display: inline;
zoom: 1;
vertical-align: bottom; margin-left: .7rem;}


.index-pro-box{ position: relative;  z-index: 1;}
.index-pro-box::before{background: url(../images/wavs.gif) no-repeat left bottom; z-index: 0; position: absolute; content:""; left: 0; bottom: -2rem; width: 100%; height: 35%; background-size:contain; opacity: .5; display:none; }
.index-pro-list{padding: 2rem 0; background: url(../images/pro-bg1.jpg) no-repeat right top; position: relative; background-size: contain;}
.index-pro-list .item a{display: flex; display: -webkit-flex; justify-content: space-between;}
.index-pro-list .item .txt{width: 45%;  padding-right: 2rem; box-sizing: border-box;}
.index-pro-list .item .txt h3{color: #333333; font-size: 1rem; font-weight: normal;}
.index-pro-list .item .txt span{display: block; background: #585858; height: 3px; width: 1rem; margin: 1rem 0 1.5rem; }
.index-pro-list .item .txt p{color: #666666; font-size: .4rem; line-height: 2.2; min-height: 4rem; overflow: hidden;}
.index-pro-list .item .img{width: 55%; display: flex; justify-content: flex-end;}
.index-pro-list .item .img img{display: block; max-width: 100%;}
.index-pro-list .item .more{transition: all 0.6s; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding: 0 .2rem 0 .4rem; box-sizing: border-box;
background-image: linear-gradient(90deg, #db3931, #fb884b);  width: 4rem; height: 1.2rem; text-align: center; line-height: 1.2rem; border-radius: 30px; margin-top: 5rem;}
.index-pro-list .item .more i{font-size: .38rem; color: #ffffff; }
.index-pro-list .item .more img{height: .8rem; width: .8rem;}
.index-pro-list .item .more:hover{width: 5rem;}


.propage {display: flex; justify-content: flex-end; padding-right: 3.5rem; box-sizing: border-box; padding-top: 1rem;}
.propage .probtton{width: 1.5rem; height: 1.5rem; border-radius: 50%; border:1px dashed #ffffff; margin: 0 .5rem; cursor: pointer; transition: all 0.6s;}
.propage .propre{background: url(../images/propre.png) no-repeat center center;}
.propage .pronext{background: url(../images/pronext.png) no-repeat center center;}
.propage .probtton:hover{background: #ffffff; border: 1px solid #ffffff;}
.propage .probtton.propre:hover{background:#ffffff url(../images/propre-on.png) no-repeat center center;}
.propage .probtton.pronext:hover{background:#ffffff url(../images/pronext-on.png) no-repeat center center;}

.index-field-box{position: relative;z-index: 1; background: url(../images/casebg.jpg) no-repeat center center; padding-bottom: 2rem;}
.index-title2 {padding: 1.2rem 0;box-sizing: border-box;}
.index-title2{text-align: center; color: #333333;font-size: 1rem;}
.index-title2 .t2{margin-top: .6rem; color: #333333;font-size: .42rem;}
.index-title2 span{display: block; height: 3px; background: #db3831; margin: .6rem auto; width: 1rem;}


.gongcheng .swiper-container{}
/*.gongcheng .swiper-slide{ width: 1000px;}*/
.gongcheng .swiper-slide .nihao{ transition: 0.2s; padding-bottom: 2rem; margin-bottom: .2rem; position: relative;}	
.gongcheng .swiper-slide .nihao .tupian img{ width: 100%;}
.gongcheng .swiper-slide .nihao .neirong{position: absolute;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);left: 80px;bottom: 0;background: #fff;width: 55%;padding: .8rem;z-index: 10;transition: all .3s ease-in-out;opacity: 0;}
.gongcheng .swiper-slide .nihao .neirong .text{ font-size: .7rem; margin-bottom: .5rem;}
.gongcheng .swiper-slide .nihao .neirong .word{margin: 10px 0 0px;font-size: .36rem;line-height: 2.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.gongcheng .swiper-slide .nihao .neirong .liaojie{ display: flex; flex-direction: row;}
.gongcheng .swiper-slide .nihao .neirong .liaojie a{ position: relative; font-size: .36rem;  display: block; width: 5rem; padding: 0 1rem; text-align: right; line-height: 40px; border: 1px solid #000;}
.gongcheng .swiper-slide .nihao .neirong .liaojie a:before{ content: ''; position: absolute; left: 0; top: 50%; width: 25px; background: #000; height: 1px; transition: all .3s ease-in-out;}
.gongcheng .swiper-slide .nihao .neirong .liaojie:hover a:before{ background: #fff;}
.gongcheng .swiper-slide .nihao .neirong .liaojie:hover a{ color: #fff; background: #db3831; border: 1px solid #db3831; margin-left: 10px;}
.gongcheng .swiper-slide-active .nihao .neirong{ opacity: 1;}
.gongcheng .swiper-container .tianjia{ width: 1000px; position: absolute; left: 50%; bottom: 0; margin-left: -500px; z-index: 101; display: flex; flex-direction: row; justify-content: flex-end;}
.gongcheng .swiper-container .tianjia .dongcent{ width: 200px; position: relative; height: 40px; margin-right: 1rem;}

.gongcheng .swiper-button-next,.gongcheng .swiper-button-prev{ position: absolute; bottom: 0; top: auto; transition: all .3s ease-in-out; z-index: 110; color: #000; background-size: .42rem;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23636364'%2F%3E%3C%2Fsvg%3E");}
.gongcheng .swiper-button-prev{ left: 0; transform: rotate(180deg);}
.gongcheng .swiper-button-next{ left: auto; right: 0; }
.gongcheng .swiper-button-next:after,.gongcheng .swiper-button-prev:after{ font-size: 20px }
.gongcheng .swiper-pagination{ left: 15%; right: 15%; width: auto; text-align: right; font-size: 18px;}
.gongcheng .swiper-pagination:before{ content: ''; position: absolute; left: 0; width: 65%; height: 2%; background: #aaa; top: 50%; margin-top: -1px; opacity: 0.7;}
.gongcheng .swiper-slide .nihao:hover .neirong{ bottom: 10px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}

.gengduo{ width: 100%; text-align: center; margin-top: 50px;}
.gengduo a{ display: inline-block; width: 5.2rem; border-radius: 5px; height: 1.3rem; line-height: 1.3rem; background: #db3831; color: #fff; font-size: .4rem; transition: all .3s ease-in-out;}
.gengduo a:hover{ background: #db3831; color: #ffffff; box-shadow: 0 0 10px 0 rgba(219,56,49,0.5);}


.tab-lanmu{margin-left: 2rem;}
.tab-lanmu li{cursor: pointer; transition: all 0.6s; display: inline-block; font-size: .5rem; color: #333333; margin: 0 1rem;}
.tab-lanmu li.on{color: #db3831; font-size: .5rem;}
.tab-lanmu li:hover{color: #db3831; font-size: .5rem;}


.index-news-box{padding-bottom: 2rem; position: relative;}
.index-news-box .index-title {border: none;}
.index-news-box .index-title .left{align-items: center;}
.index-news-box .news-list{flex-wrap: wrap;}
.index-news-box .news-list .item{width: 23.5%; transition: all 0.6s; margin-left: 2%; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 5px; overflow: hidden; box-sizing: border-box;}
.index-news-box .news-list .item .img{overflow: hidden; position: relative; }
.index-news-box .news-list .item .img::after{position: absolute; content: ""; left: 0; bottom: 0; background: url(../images/n-bg.png)no-repeat bottom; width: 100%; height: 100%; background-size: cover;}
.index-news-box .news-list .item .img .date{position: absolute; font-size: .36rem;z-index: 2; color: #ffffff; height: 1.5rem; line-height: 1.5rem; padding: 0 .5rem; bottom: 0; width: 100%;box-sizing: border-box;}
.index-news-box .news-list .item .img img{display: block; width: 100%; height: 100%;}
.index-news-box .news-list .item .txt{padding: .5rem; box-sizing: border-box;}
.index-news-box .news-list .item .txt h3{color: #000000; font-size: .44rem; margin-bottom: .5rem;}
.index-news-box .news-list .item .txt p{color: #666666;font-size: 15px;line-height: 1.8;/* height: 45px; */}
.index-news-box .news-list .item .txt span{position: relative; display: block;z-index: 1; background: #ffffff; transition: all 0.6s; height: 1.2rem; border-radius: 5px; overflow: hidden; font-size: .36rem; line-height: 1.2rem; color: #000000; margin-top:.5rem;}
.index-news-box .news-list .item:first-of-type{margin-left: 0;}
.index-news-box .news-list .item .txt span::after{position: absolute;z-index: -1; content: ""; left: 0; bottom: 0; width: 0; height: 100%; transition: all 0.6s; background: #db3831;}
.index-news-box .news-list .item:hover .txt span::after{width:100% ;}
.index-news-box .news-list .item:hover .txt span{color: #ffffff; text-align: center;}
.index-news-box .news-list .item:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}

.index-news-box .news-list{ display: none;}
.index-news-box .news-list.on{ display: flex;}



/*内页*/
.nybanner{
	background: #000;
	height: 600px;
	text-align: center;
	margin-top: 2.2rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 9;
}
.bannerbg{
	background-color: #000;
	background: url(../images/news-ban.jpg.jpg) no-repeat center/cover; 
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	animation: pic_m 3s ease;
	-webkit-animation: pic_m 3s ease;
}
@keyframes pic_m {
  0% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}


.nieban{ margin-top: 1rem; height: 8rem; position: relative;     }
.searchban{ margin-top: 2.2rem; height: 10rem;    }
.searchban h2{font-size: 1.2rem; font-weight: normal; letter-spacing: 2px;}
.searchban .main{ padding-top:2rem;}
.nieban .main{ position: absolute; left:0; bottom: 10vh;}
.nieban ul{ height: 1.2rem;}
.nieban ul a{ flex: 1 ; text-align:center; border-right: 1px solid #e6e6e6 ;}
.nieban ul a:last-child{ border-right: none;}
.nieban ul a:hover{ color: #db3831;} 

.serchtop{ padding: .8rem; z-index: 5;  margin-top: -.9rem; background: #fafafa;}
.serchtop h2{color: #333333; font-size: .6rem; font-weight: normal; margin-bottom: .5rem;}
.serchtop .two{ margin-top: .2rem; font-size: .38rem;}
.serchtop .input{ height: 1.3rem; width: calc(100% - 360px ); padding-left: .3rem; border: 1px solid #eeeeee;}
.serchtop .btn{ height: 1.3rem; width: 160px; font-size: .4rem;}

.searchbot{margin-bottom: 2rem;}
.searchbot .tit{ margin: 1rem 0; font-size: .5rem;}
.searchbot ul{ box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.15);margin-bottom: 2rem; }
.searchbot ul a{ padding: 1rem; border-bottom: 1px solid #e5e5e5;}
.searchbot ul a span{ width: 80%; font-size: .42rem;}
.searchbot ul a:hover span{ color: #db3831;}

.serviceback {width: 160px;line-height: 1.3rem; display: block;perspective: 500;-webkit-perspective: 500; }
.serviceback .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d;        transform-style: preserve-3d;pointer-events: none;}
.serviceback .f { background: #fff;padding: 0 30px; color: #333; } 
.serviceback .t {position: absolute;background-color: #db3831;width: 100%;height: 100%;padding: 0 30px; box-sizing: border-box; left: 0;color: #fff;top: -50px;-webkit-transform-origin: center bottom;    -ms-transform-origin: center bottom;        transform-origin: center bottom;-webkit-transform: rotateX(90deg);        transform: rotateX(90deg);-webkit-backface-visibility: hidden;        backface-visibility: hidden;}
.serviceback:hover .w {-webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg);        transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg);}

.neilanmu{margin-bottom: 1rem;}
.neilanmu .list{background: #f0f0f0;width: 55%;margin: -31px auto 0;height: 62px;position: relative;z-index: 10;line-height: 62px;border-radius: 35px;overflow: hidden;justify-content: space-between;/* font-size: 20px; */}
.neilanmu .list .item{text-align: center;width: 50%;/* font-size: 20px; */}
.neilanmu .list .item a{color: #333333;font-size: .42rem;display: block;font-size: 20px;}
.neilanmu .list .item.on{ background: #db3831;}
.neilanmu .list .item.on a{color: #ffffff;  font-weight: bold;}

.pagemain .index-news-box{padding-bottom: 1.2rem;}
.pagenews{background: #f8f8f8; padding: 1.2rem 0; box-sizing: border-box;}
.pagenews .list li{transition: all 0.6s; background: #ffffff; margin-bottom: 1rem; padding: 1rem; box-sizing: border-box; width: 49%; }
.pagenews .list li .tit{color: #333333;font-weight: 400;font-size: 18px;}
.pagenews .list li .line{display: block; width: 1rem; margin: 1rem 0; height: 1px; background: #db3831;}
.pagenews .list li .txt{color: #888888;font-size: 15px;line-height: 2;}
.pagenews .list li .t3{margin-top: 1rem;}
.pagenews .list li .t3 .more{color: #333333; text-transform: uppercase;}
.pagenews .list li .t3 .more img{display: inline-block; margin-left: .2rem;height: .5rem;}
.pagenews .list li .t3 span{color: #333333; font-size: .36rem; }
.pagenews .list li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.2); transform: translateY(10px);}

.pagemain .index-news-box .news-list{display: flex;}


/*分页样式*/
.pglist {padding: .5rem 0;width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;width: 1rem; height: 1rem; line-height: 1rem; margin: 0 6px; border: 1px solid #e0e0e0; border-radius: 50%;}
.pglist a.close {background: #f2f2f2 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 34px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #c5261d;border-color: #c5261d;}
.position-relative{ position: relative;}
.pglist input{border: 1px solid #e0e0e0; border-radius: 30px;margin: 0 6px; width: 55px; padding: 0 8px; text-align: center; color: #c5261d;}
.pglist  button{ color: #c5261d; border: 1px solid #c5261d; padding: 0 22px;margin: 0 6px;border-radius: 30px; background: none;}
.pglist  button:hover{ color: #fff; background: #c5261d; border: 1px solid #c5261d;}
.pglist .page{width: auto; padding: 0 .5rem; border-radius: 30px;}


.newsdes-bg{background: url(../images/news-des.jpg)no-repeat center top; background-size: cover; padding: 2rem 0; margin-top: 2.2rem;}
.newsdes-bg .text h1{color:#ffffff; font-weight: bold; font-size: 1rem; letter-spacing: 2px;}
.newsdes-bg .text a{color: #ffffff; display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;}
.newsdes-bg .text a img{display: inline-block; vertical-align: middle; margin-right: .5rem;}

.newsdes-box{background: #f8f8f8;padding-bottom: 2rem;}
.newsdes-box .info{background: #ffffff;  padding: 2rem ;  box-sizing: border-box; margin-top: -1rem; position: relative; z-index: 3; border-radius: 8px;}
.newsdes-box .info .top{padding-bottom: .5rem; border-bottom: 1px solid #e5e5e5;}
.newsdes-box .info .top .date{color: #db3831; font-size: .36rem; margin-bottom: .2rem;}
.newsdes-box .info .top .tit{color: #000000; font-size: .8rem; line-height: 2.5;}
.newsdes-box .info .des{padding: 1rem 0;}
.newsdes-box .info .des p{font-size: .38rem;color: #666666;line-height: 2.5;margin-bottom: 1rem;}
.newsdes-box .info .des img{display: block; margin: 0 auto; margin-bottom: 1rem; max-width: 100%;}
.Deatilpage{padding: 1.2rem 0 0; border-top: 3px solid #db3831;}
.Deatilpage .item .date{color: #db3831;font-size: .5rem;margin: .6rem 0;}
.Deatilpage .item{width: 48%;}
.Deatilpage .item h3{color: #666666;font-size: .5rem;}
.Deatilpage .item p{color: #666666;font-size: .5rem;}
.Deatilpage .item:nth-child(2){text-align: right;}



/*巧燕*/
*{ box-sizing: border-box;  margin:0;padding:0;  outline:none;}
dl,ul,ol,menu,li {list-style:none}
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle;resize:none;-webkit-appearance: none !important;outline: none; border:none; background:transparent;}  /* 重置表单控件垂直居中*/
button { cursor:pointer}  /* 重置表单button按钮效果 */
 
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {border-collapse:collapse;border-spacing:0;}    /* 重置table属性 */
img{ border:0 none; max-width: 100%;vertical-align: middle;}  /* 图片在当前行内的垂直位置 */
a img{border:0 none;}
em,i{font-style:normal;}
h3,h4,h5,h6{ font-weight: normal;}
 
.font-weight{ font-weight: bold;}
.a-text-center{ text-align: center;}
.a-color-666{ color: #6666;}
.a-color-888{ color: #888;}
.a-color-555{ color: #555;}
.a-color-white{ color: #fff;}
.a-color-red{ color: #db3831;}
.a-bg-red{ background: #db3831;}
.a-bg-white{ background: #fff;}
.a-line-height2-5{line-height: 2.5;}
.a-f18{ font-size:0.6rem ;}
.a-f20{ font-size: 0.5rem;}
.a-f22{ font-size: 0.6rem;}
.a-f26{ font-size: 0.65rem;}
.a-f30{ font-size: .7rem;}
.a-f40{ font-size: 1rem;}
.a-f50{ font-size:32px;}
.a-16{font-size: 20px;}
.a-14{ font-size:16px;}
.a-w80{ width: 80%; margin: 0 auto;}
.a-w65{ width: 65%; margin: 0 auto;}
.a-transition{ transition: all .36s;}
.a-img{ position: relative; overflow: hidden;}
.a-img img{transition: all 1s;width: 100%;float: left;}
.a-line-height{ line-height: 2;}
.a-line-clamp{   word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.a-line-clamp2{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.a-line-clamp3{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.a-w50{ width: 50%;}
.a-wmax{ width: 100%;}
.a-hmax{ height: 100%;}
.flex-column{ flex-direction: column;}
img{max-width: 100%;}
 
.a-nieban{margin-top: 2.2rem;}
.a-produstlist{margin-bottom: 1rem;}
.a-produstlist .txt{width: 60%; padding: 1.5rem 0; align-items: flex-start; margin-left: 2rem; box-sizing: border-box;}
.a-produstlist .txt .left{ }
.a-produstlist .txt .left .a-line{ width: 10% ; height: 2px;  background: #db3831; margin: 1rem 0 .75rem;}
.a-produstlist .txt .right{}
.a-produstlist .txt .right .a-commonlink { margin-top: 1.25rem;width: 4.5rem;line-height: 1.1rem;   background: #db3831;
color: #fff; padding:0  0.8rem ; }
.a-produstlist .txt .right .a-commonlink:hover{ box-shadow: 0 0 10px rgba(219, 56, 49, 0.5); border-radius: 15px 0 ; width: 5rem; }
.a-produstlist li .a-img:hover  img{ transform: scale(1.1); webkit-filter: grayscale(100%);filter: grayscale(100%);}
.a-produstlist li .a-img{width: 40%;}
.a-produstlist li .a-img img{width: 100%; height: 100%; object-fit: cover;}
.a-produstlist li{margin-top: 2rem;}

.a-proInfo{margin-top: 2.2rem;}
.a-proInfo .a-img{width: 50%;}
.a-proInfo .txt{width: 50%;padding: 0 10%  0 1.7rem;background: #f8f8f8;}

.a-proInfo .txt .a-info { line-height: 2.75; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 1.25rem 0; margin: .7rem 0;}
.a-proInfo .txt  a{width: 4.5rem;line-height: 1.3rem;  box-shadow: 0 0 10px rgba(219, 56, 49, 0.5);margin-top:1rem;}
.a-proInfo .txt  a:hover{ color: #fff;  box-shadow: 0 0 20px rgba(219, 56, 49, 0.8) ; width: 5rem; border-radius: 15px 0 ;}

.a-procon{ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1); margin-top: 1.2rem; margin-bottom: 1rem;}
.a-procon .a-title{ border-bottom: 1px solid #e5e5e5; }
.a-procon .a-title b{  display:inline-block; position: relative;padding: 0.6rem 0; border-bottom: 2px solid #db3831;}
.a-procon-info{ padding: 1rem  ;}

.a-about-class{background: #f0f0f0;height: 62px;width: 48em;margin: -31px auto 0;z-index: 9;position: relative;border-radius: 1rem;overflow: hidden;} 
.a-about-class a{height: 62px;display: inline-flex;align-items: center;justify-content: center;border-right: 1px solid rgba(255, 255, 255, 0.9);flex:    1;/* width: 200px; */}
.a-about-class a.cur{ background: #db3831; color: #fff;}

.a-about-introduce{ background: url(../images/a-about-introduce-bg.jpg) no-repeat center bottom; background-size: 100% auto; padding-bottom: 1.5rem;}
.logo-img{ margin:1.5rem 0 ;}
 
.a-aboutNum .item .num{ font-size: 1.6rem;  line-height: 1.6rem;  font-family: 'BROWNSTD'; font-weight: normal; color: #db3831; position: relative;}
.a-aboutNum .item .jia::after{ display: inline-block; content: '+'; position: absolute; top: -40%; right: -0.5rem; font-size: 0.7rem;}
.a-aboutNum .item .year{font-size: .35rem;color: #555555; margin-left: .2rem;}
.a-aboutNum { padding: 1.5rem 0;}

.a-Culture{background: url(../images/culturebg.jpg) no-repeat center center;background-size: cover;padding-top: 2.25rem;/* height: 17rem; */}
.aboutTile{ font-size: 1rem;}
.aboutdesc{margin-top: 15px;}
.a-Culture-ul{position: relative;z-index: 10;top: 50px;position: relative;}
.a-Culture-ul li{flex: 1;border-right: 1px solid #e5e5e5;padding: 1.4rem 15px;}
.a-Culture-ul li .a-f30{ margin: 0.8rem auto }

.a-honor{background: url(../images/honorbg.jpg) no-repeat center center;background-size: cover;padding: 4rem 0 1.5rem;}
.a-honor  .a-honorImg{ margin-top:1.5rem ;}
.a-honorImg .swiper-slide { transform: scale(0.6); }
.a-honorImg .swiper-slide-prev{ transform: scale(0.8) translateX(-.8rem); }
.a-honorImg .swiper-slide-next{ transform: scale(0.8) translateX(.8rem);}
 
.a-honorImg .swiper-slide-active {transform: scale(1);}
.a-honorImg .swiper-slide p{display: none;/* margin-top: 1rem; */} 
.a-honorImg .swiper-slide-active p{ display: block; font-size: 16px;}

.a-honorPage{border: 1px solid #db3831;width: 1.2rem;height: 1.2rem;border-radius: 50%;position: absolute; left:30%;bottom: -0.3rem;z-index: 10;background: url(../images/honorpage.png) no-repeat center center;background-size: 18% auto;cursor: pointer;}
.a-honorPage.swiper-next{ right: 30%; left: auto ; transform: rotate(180deg);}
.a-honorPage:hover{  background: url(../images/honorpage-white.png) no-repeat center center #db3831;
    background-size: 18% auto; }

.a-history{background: url(../images/historybg.jpg) no-repeat center center;background-size: cover;padding: 2rem 0 2.5rem 0;}
.historyswiper{ margin-top: 1.5rem; line-height: 2.2;}
.historyswiper .img,.historyswiper .txt{ width: 50%;}
.historyswiper .txt{ padding: 1rem;}
.a-position-relative{ position: relative;}

.a-historyPage{
      border: 1px solid #db3831;
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 50%;
      position: absolute; left:16%;
      bottom: 45%;
      z-index: 100;
      background: url(../images/honorpage-white.png) no-repeat center center #db3831;
      background-size: 18% auto;
      z-index: 10;
      cursor: pointer;
      }
 .a-historyPage.swiper-next{ right: 16%; left: auto ; transform: rotate(180deg);}
 .a-historyPage:hover{ background: url(../images/honorpage.png) no-repeat center center #fff;
    background-size: 18% auto; }
.historyswiper .swiper-slide{ opacity: 0.2;}
.historyswiper .swiper-slide-active,.historyswiper  .swiper-slide-duplicate-active{ opacity: 1;}

.standard{background: url(../images/standardbg.jpg) no-repeat center center;background-size: cover;height: 11.25rem;margin-top: 1.2rem;align-items: center;justify-content: flex-end;text-align: right;padding-right: 2.45rem;background-size: 100%!important;}
.standard .flex-column{ align-items: flex-end;}
.standard .a-line{ background: #fff; width: 30px; height: 3px ; margin: 0.8rem 0;  }

.joblist{ margin-top: 1rem;padding-bottom:60px;}
.joblist .a-list { border: 1px solid #eeeeee; margin-top: 1rem;}
.joblist .a-list .itemlen{ width:28%;   padding: .6rem 0 .6rem 1rem;}
.joblist .a-list .item{ width: 18%;  padding: .6rem 0 .6rem 1rem;}
 .joblist .a-con img{
	 margin-left: 0.5rem;
 }
.joblist  .a-tit{ background: #f5f5f5; font-size:0.46rem ; }
.joblist .a-con { border-bottom: 1px solid #eee; transition: all .5s;}
.joblist .a-con  .a-info{ border: 1px solid #eee; padding: 1rem; text-align: left;  display: none;}
.joblist  .a-info dl{ align-self: flex-start; line-height:2; margin-bottom: .5rem;}
.joblist  .a-info dt{ width: 20%;}
.joblist  .a-info dd{ line-height: 2;}
.joblist .a-con img{ transform: rotate(180deg);webkit-filter: grayscale(100%);filter: grayscale(100%); transition: all .36s; width:0.8rem ;}
.joblist .a-con.cur{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); background-color: #fff;}
/*transform: scale(1.1); */
.joblist .a-con.cur  .a-info{ display: block;}
.joblist .a-con.cur   img{ transform: rotate(0);webkit-filter: grayscale(0%);filter: grayscale(0%); }

.a-team .a-tit{ padding: 1.5rem 0;}
.mapbox{ height: 13.7rem; margin-top: 2.9rem;}

.mapboxtit{ position: absolute; width: 5rem; height: 2.5rem; top: -1.25rem; right: 2rem;}
.addrebox{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 1rem 0; margin: 1rem 0;}
.addrebox .a-f22 { margin-top: 0.5rem;}
.a-map{ width: 0.75rem;}
.a-message{ width: 8.25rem;}
 
.contanttype .left{ width: 70%; flex: 1; padding-right: 2rem; box-sizing: border-box;}

.contanttype .left figure .a-f22{ margin-top: .5rem;}
.contanttype .right img{ width: 3.75rem;}

.contactgbook{
 background: url(../images/contactgbookbg.png) no-repeat center left 7% #f8f8f8;
 background-size: 43% auto;
 margin-top: 1rem;
 }
 .mt50{ margin-top: 1rem;}
.contactgbook .left{ width: 50%;}
.contactgbook .left .tit{ position: absolute; top: 50%; left: 50%;  z-index: 5; transform: translate(-50%,-50%);}
.contactgbook .right { width: 50%; padding:1.5rem;}
.contactgbook .right .input{ height: 1.5rem; line-height: 1.5rem;; width: 100%; padding: 0 0.62rem; margin :0.375rem 0 0.75rem; background: #fff;}
.contactgbook .right .textarea{   line-height: 1.5rem;; width: 100%; padding: 0 0.62rem; margin :0.375rem 0 0.75rem;background: #fff; }
.contactgbook .right .submit{ height: 1.5rem;;   width: 100%;  margin :0.375rem 0 0.75rem; border-radius: 0.75rem;}

 #yglist{margin-bottom: 2rem;}
.a-about-introduce .a-w65 p{ margin-bottom: .5rem;}


.Retrieve *{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.Retrieve{position:fixed;top:0 !important;left:0;z-index:12000; display: none; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow:hidden;}
.Retrieve #close_b,.Design #close_c,.Design #close_d{position:absolute;right:-15px; top:-15px; width:30px; height:30px; background:#fff; border-radius:50%;}
.Retrieve #close_b em,.Design #close_c em,.Design #close_d em{ border:3px #fff solid; background:rgba(0,0,0,0.5); display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:20px;}
.Retrieve #close_b em:hover,.Design #close_c em:hover,.Design #close_d em:hover{ background:#db3831}
.Retrieve .sszs{ width:450px; padding:30px 30px; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; margin-top:-225px; margin-left:-225px; box-sizing: border-box; box-shadow:1px 1px 50px rgba(0,0,0,.3);}
.Retrieve .sszs .nrong{ overflow:hidden;}
.Retrieve .sszs .nrong .tit{ width:100%; font-size:22px; font-weight:bold; }
.Retrieve .sszs .nrong .pop{ width:100%; color:#666; font-size:14px;  padding:10px 0;}
.Retrieve .sszs .nrong .pop span{ color:#288567;}
.Retrieve .sszs .nrong .xieru{ width:100%; overflow:hidden;}
.Retrieve .sszs .nrong .xieru .item{margin-top: 15px;}
.Retrieve .sszs .nrong .xieru .text{ width:100%; box-sizing: border-box; border:1px #e0e0e0 solid; padding:0 10px 0 30px; height: 50px; line-height: 50px; background#f5f6f9; border: 1px solid #e5e5e5; overflow:hidden;}
.Retrieve .sszs .nrong .tijiao{ width:100%; overflow:hidden; margin-top:20px;}
.Retrieve .sszs .nrong .tijiao input.sub{ width:100%; border:none; width:100%; background:#db3831; color:#fff; height:50px; line-height:50px; font-size:16px; transition:300ms; border-radius:3px; cursor:pointer;}
.Retrieve .sszs .nrong .tijiao input.sub:hover{ background:#000000}
.Retrieve .sszs .nrong .xieru span{width: 150px; line-height: 100%; background: #db3831; color: #ffffff;  height: 50px; line-height: 50px; text-align: center;}

#honor2{padding: 2rem 0 2rem;}
.header-right>div:nth-child(4){
	display: none;
}
header{
	border-bottom: 1px solid rgb(238,238,238);
}
/* banner */
.sw00out {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 2;
  overflow: hidden;
}
#sw00 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#sw00 .swiper-slide {
  overflow: hidden;
}
#sw00 .slideinner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#sw00 .slideinner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.sw00out .swiper-pagination {
  font-size: 24px;
  color: #fff;
  line-height: 52px;
  text-align: center;
  width: 100%;
  height: 52px;
  margin-right: 52px;
  left: 0;
  bottom: 50px;
  font-family: arial;
}
.sw00out .swiper-pagination-current {
  font-size: 36px;
  margin-right: 10px;
}
.sw00out .swiper-pagination-total {
  font-size: 24px;
}
.sw00out .sw-next,
.sw00out .sw-prev {
  position: absolute;
  right: 66px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  z-index: 11;
  font-size: 0;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.sw00out .sw-prev {
  background: url('../images/lt1.png') center no-repeat;
  margin-right: 232px;
}
.sw00out .sw-next {
  background: url('../images/gt1.png') center no-repeat;
}
.sw00out .sw-prev:hover,
.sw00out .sw-next:hover {
  background-color:#db3831;
}
.sw00out .sw-fenge {
  position: absolute;
  right: 6.25%;
  bottom: 6%;
  width: 28px;
  height: 42px;
  z-index: 11;
  font-size: 0;
  background: url('../images/sx1.png') center no-repeat;
  margin-right: 28px;
  display: none;
}
.sw00out .swiper-scrollbar {
  position: absolute;
  left: 6.25%;
  bottom: 6%;
  width: 80px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  margin-left: 52px;
  margin-bottom: 20px;
}
.sw00out .swiper-scrollbar-drag {
  width: 0;
  background-color: #fff;
}
.sw00out .swiper-scrollbar-drag.active {
  -webkit-animation: widthgrow 8s linear 1;
          animation: widthgrow 8s linear 1;
}
@-webkit-keyframes widthgrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthgrow {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .sw00out .sw-next {
    right: 4%;
    bottom: 3%;
  }
  .sw00out .sw-prev {
    left: 4%;
    right: auto;
    bottom: 3%;
  }
  .sw00out .swiper-pagination {
    right: 4%;
    bottom: 3%;
  }
  .sw00out .swiper-pagination-current {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .section.sec11 {
    height: auto!important;
  }
  .sw00out {
    height: auto;
    padding-bottom: 100%;
  }
  .sw00out .swiper-pagination {
    display: none;
  }
  .mouse {
    bottom: 3%;
  }
}
.evwz {
  position: absolute;
  top: 59%;
  left: 0;
  z-index: 2;
  margin-top: -126px;
  -webkit-transition: 1s;
  transition: 1s;
  width: 100%;
}
.a-Culture-ul .a-text-center img{
	height: 70px;
}
.evwz .txt3 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-family: arial;
  font-weight: 600;
}
.evwz .txt4 {
  font-size: 60px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-family: 宋体;
}
.evwz .txt5 {
      width: 70px;
      height: 5px;
      margin: 0;
      margin-top: 20px;
}
.evwz .txt6{
	    font-size: 18px;
	    color: #fff;
	    padding: 30px 0;
	    margin: 0;
	    font-weight: normal;
	    line-height: 30px;
	    text-align: center;
}
@media screen and (max-width: 1400px) {
  .evwz {
    margin-top: -110px;
  }

}
@media screen and (max-width: 1024px) {
  .evwz {
    margin-top: -90px;
  }
 
}
@media screen and (max-width: 750px) {
  .evwz {
    left: 5%;
    width: 90%;
    text-align: center;
    margin-top: -50px;
  }
 
}
@media screen and (max-width: 600px) {
  .evwz {
    margin-top: -50px;
  }
  
}
.fhuoban {
  width: 100%;
}
.zuopinone {
  position: relative;
  width: 100%;
  margin: 36px auto 0;
  padding: 0 0;
}
.sw22 {
  overflow: hidden;
}
.sw22 .swiper-slide {
  width: 210px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sw22 .swiper-slide .pic {
  width: 100%;
  height: 90px;
  overflow: hidden;
  margin-top: 22px;
  position: relative;
  font-size: 0;
  text-align: center;
  line-height: 90px;
  border-radius: 10px;
  background-color: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sw22 .swiper-slide .pic:first-child {
  margin-top: 0;
}
.sw22 .swiper-slide img {
  max-width: 90%;
  max-height: 90%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.sw22 .swiper-slide .pic:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.sw22 .swiper-slide .pic:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.sw22 .pic:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  border: 4px solid transparent;
  display: none;
}
.sw22 .swiper-slide .pic:hover:before {
  border-color: #0e62a7;
  -webkit-filter: url(#wavy);
          filter: url(#wavy);
}
.zuopinone .swiper-button-prev,
.zuopinone .swiper-button-next {
  width: 30px;
  height: 60px;
  border-radius: 5px;
  margin-top: -30px;
  background-color: #ddd;
  color: #2f66d8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.zuopinone .swiper-button-prev {
  left: 0;
}
.zuopinone .swiper-button-next {
  right: 0;
}
.zuopinone .swiper-button-prev:hover {
  background-color: #2f66d8;
  color: #fff;
}
.zuopinone .swiper-button-next:hover {
  background-color: #2f66d8;
  color: #fff;
}
.zuopinone .swiper-button-prev:after,
.zuopinone .swiper-button-next:after {
  font-size: 30px;
}
.sw22 .swiper-pagination {
  bottom: 0;
}
.sw22 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px;
  background-color: #ececec;
  outline: 0 none;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
}
.sw22 .swiper-pagination-bullet-active {
  background-color: #203b6e;
}
@media screen and (max-width: 750px) {
  .zuopinone .swiper-button-prev,
  .zuopinone .swiper-button-next {
    width: 20px;
    height: 40px;
    margin-top: -20px;
  }
  .zuopinone .swiper-button-prev:after,
  .zuopinone .swiper-button-next:after {
    font-size: 16px;
  }
}

/*.ac .finu, .ac .find{ -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity: 1;
	-o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.ac .finl, .ac .finr{ -webkit-transform:translateX(0); -moz-transform:translateX(0); opacity: 1;
	-o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.ac .findsc05{ -webkit-transform:translateY(0) scale(1, 1); -moz-transform:translateY(0) scale(1, 1);
	-o-transform:translateY(0) scale(1, 1); -ms-transform:translateY(0) scale(1, 1);
	transform:translateY(0) scale(1, 1); opacity: 1;}
.ac .scl05,.ac .scl01{ -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1);
  -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); opacity: 1;}
.ac .finrsc05, .ac .finlsc05{ -webkit-transform:translateX(0) scale(1, 1); -moz-transform:translateX(0) scale(1, 1);
	-o-transform:translateX(0) scale(1, 1); -ms-transform:translateX(0) scale(1, 1);
	transform:translateX(0) scale(1, 1); opacity: 1;}*/

.find-1{ -webkit-transform:translateY(60px); -moz-transform:translateY(60px); opacity: 0;
	-o-transform:translateY(60px); -ms-transform:translateY(60px); transform:translateY(60px);}
.finu-1{ -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); opacity: 0;
	-o-transform:translateY(-60px); -ms-transform:translateY(-60px); transform:translateY(-60px);}
.finl-1{ -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); opacity: 0;
	-o-transform:translateX(-60px); -ms-transform:translateX(-60px); transform:translateX(-60px);}
.finr-1{ -webkit-transform:translateX(60px); -moz-transform:translateX(60px); opacity: 0;
	-o-transform:translateX(60px); -ms-transform:translateX(60px); transform:translateX(60px);}

.scl01-1{ -webkit-transform:scale(0.1, 0.1); -o-transform:scale(0.1, 0.1); transform:scale(0.1, 0.1);
  -moz-transform:scale(0.1, 0.1); -ms-transform:scale(0.1, 0.1); opacity: 0;}
.scl05-1{ -webkit-transform:scale(0.5, 0.5); -o-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);
  -moz-transform:scale(0.5, 0.5); -ms-transform:scale(0.5, 0.5); opacity: 0;}
.scl09-1{ -webkit-transform:scale(0.8, 0.8); -o-transform:scale(0.8, 0.8); transform:scale(0.8, 0.8);
  -moz-transform:scale(0.8, 0.8); -ms-transform:scale(0.8, 0.8); opacity: 0;}
.findsc05-1{ -webkit-transform:translateY(60px) scale(0.5, 0.5); -moz-transform:translateY(60px) scale(0.5, 0.5);
	-o-transform:translateY(60px) scale(0.5, 0.5); -ms-transform:translateY(60px) scale(0.5, 0.5);
	transform:translateY(60px) scale(0.5, 0.5); opacity: 0;}
.finusc05-1{ -webkit-transform:translateY(-60px) scale(0.5, 0.5); -moz-transform:translateY(-60px) scale(0.5, 0.5);
	-o-transform:translateY(-60px) scale(0.5, 0.5); -ms-transform:translateY(-60px) scale(0.5, 0.5);
	transform:translateY(-60px) scale(0.5, 0.5); opacity: 0;}
.finlsc05-1{ -webkit-transform:translateX(-60px) scale(0.5, 0.5); -moz-transform:translateX(-60px) scale(0.5, 0.5);
	-o-transform:translateX(-60px) scale(0.5, 0.5); -ms-transform:translateX(-60px) scale(0.5, 0.5);
	transform:translateX(-60px) scale(0.5, 0.5); opacity: 0;}
.finrsc05-1{ -webkit-transform:translateX(60px) scale(0.5, 0.5); -moz-transform:translateX(60px) scale(0.5, 0.5);
	-o-transform:translateX(60px) scale(0.5, 0.5); -ms-transform:translateX(60px) scale(0.5, 0.5);
	transform:translateX(60px) scale(0.5, 0.5); opacity: 0;}
.op05-1{ opacity: 0.5;}

.ac .finu-1, .ac .find-1{ -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity: 1;
	-o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.ac .finl-1, .ac .finr-1{ -webkit-transform:translateX(0); -moz-transform:translateX(0); opacity: 1;
	-o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.ac .finusc05-1,.ac .findsc05-1{ -webkit-transform:translateY(0) scale(1, 1); -moz-transform:translateY(0) scale(1, 1);
	-o-transform:translateY(0) scale(1, 1); -ms-transform:translateY(0) scale(1, 1);
	transform:translateY(0) scale(1, 1); opacity: 1;}
.ac .scl05-1,.ac .scl01-1,.ac .scl09-1{ -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1);
	-moz-transform:scale(1, 1); -ms-transform:scale(1, 1); opacity: 1;}
.ac .finrsc05-1, .ac .finlsc05-1{ -webkit-transform:translateX(0) scale(1, 1); -moz-transform:translateX(0) scale(1, 1);
	-o-transform:translateX(0) scale(1, 1); -ms-transform:translateX(0) scale(1, 1);
	transform:translateX(0) scale(1, 1); opacity: 1;}
.ac .op05-1{ opacity: 1;}


.bantxt2{ position: absolute; bottom: 96px; left: 0; width: 100px; height: 30px; z-index: 2; display: none;
	color: #fff; line-height: 30px; font-size: 0; text-align: center; font-family: "Helvetica";}
.bantxt2 *{ display: inline-block; vertical-align: middle;}
.bantxt2 span{ font-size: 16px;}
.bantxt2 i{ font-size: 16px; font-style: normal; margin: 0 4px 0 2px;}



/* banner结束 */

/* 关于我们 */
.indexsec1{padding:0 0 100PX;position: relative; background:#f5f5f5;overflow: hidden;}
.indexsec1 .text{width: 48%; float:left;/* padding:25px 0 35px 0; */}
.indexsec1 .text .H4{font-size:36px; color:#c9151e; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.indexsec1 .text .bold{font-weight: bolder;}
.indexsec1 .text .thin{font-weight:normal;}
.indexsec1 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}

.indexsec1 .text .p{color:#707070; line-height: 34px; height: 240px; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; font-size: 14px;}

.more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#c9151e; text-align: center; font-size:14px; color:#fff;}
.more2:hover{background-color:transparent; border:1px solid #c9151e; color:#c9151e;}
.indexsec1Num{width:100%; padding-top: 50px;padding-bottom: 40px;margin-bottom: 35px; border-bottom:1px solid #e4e4e4;background: url(../images/a-text1.png) no-repeat center left;background-size: contain;background-size: 1;display: inline-flex;}
.indexsec1Num .list{font-weight:bolder; float:left; }
.indexsec1Num .list:nth-child(2){margin-left: 8%;}
.indexsec1Num .big{font-size:74px; font-weight: bold; color:#c9151e; font-family: arial;  line-height: 58px; display: inline-block;}
.indexsec1Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#c9151e; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;}
.indexsec1Num .p2{display:inline-block; font-size:16px; color:#5a5a5a;line-height: 20px;vertical-align: middle;font-weight:normal;margin-top: 4px;margin-left: 4px;}
.videoR{position:absolute; top:0; right:0; width:40.34%;/* padding:0 0 52px 7.81%; */}
.videoR .pic::after{position: absolute; content: ""; left: -80px; top: 200px;width: 800px; height: 540px; background:url(../images/p13.png) left bottom no-repeat; z-index: -1; }
.videoR .pic{ position: relative; z-index: 1; }
.videoR .playBtn{width:90px;height: 90px;position: absolute; top:37.98%;left: -43px;cursor: pointer;z-index: 1;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1599px){
	.indexsec1Num .big{font-size:56px;}
}
@media screen and (max-width:1450px){
	.indexsec1Num .big{font-size:50px;}
}
@media screen and (max-width:1350px){
	.indexsec1Num .big{font-size:40px;}
}
@media screen and (max-width:1199px){
	.indexsec1{padding:60px 0;}
	.indexsec1Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.indexsec1 .text .H4{font-size:28px;}
	.indexsec1 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}
.clearfix {
    *zoom: 1;
}
.list i{
	color: #c9151e;
	    font-size: 16px;
	    position: relative;
	    left: 7px;
	    top: 5px;
}
/* 关于我们结束 */

/* 产品服务 */
.idx2box1 .conview{
	display: flex;
	    flex-wrap: wrap;
		padding-top: 0px;
}
.idx2box1 .conview>a{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	box-shadow: 1px 1px 10px 1px rgb(230,230,230);
}
.idx2box1 .conview>a:nth-child(2){
	margin-right: 0;
}
.idx2box1 .conview>a:nth-child(5){
	margin-right: 0;
}
.idx2box1 .conview>a:nth-child(1) {
   width: 49%!important;
}
.idx2box1 .conview>a:nth-child(2) {
   width: 49%!important;
}
.idx2box1 .item{display: block;}

.idx2box1 .imgbox{overflow:hidden;}

.idx2box1 .imgbox img{transition: all .5s cubic-bezier(.23,1,.38,1);}

.idx2box1 .item .infobox{background: #fff;padding: 30px 70px 30px 35px;display: flex;align-items: center;}

.idx2box1 .item .infobox .h1{font-size: 18px;color: #333;transition: all .5s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 12px;}

.idx2box1 .item .infobox .h2{font-size: 15px;color: #999;margin-top: .1rem;font-weight: normal; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;}

.idx2box1 .item .infobox .more{font-size: .16rem;font-family: "DIN";color: #313131;position: relative;z-index: 0}

.idx2box1 .item .infobox .more img{width: 48px;position: absolute;top: 50%;margin-top: -20px;right: -35px;transition: all .5s ease}

.idx2box1 .item .infobox .more img.after{opacity: 0}

.idx2box1 .item .infobox .more .txt{position:relative;z-index: 2;font-size: 15px;font-family: arial;}

.idx2box1 .item .infobox .more:after{content:"";height: .26rem;width: .3rem;right: 0;top: 50%;margin-top: -.13rem;background: #fff;position: absolute;}
.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;margin-right:10px;/* width: 78%; */}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.imgbox{
	overflow: hidden;
}
.imgbox img{
	float: left;
	width: 100%;
}
 .idx2box1 .item:hover .infobox .more img.before{transform: translateX(5px);opacity:0}

.idx2box1 .item:hover .infobox .more img.after{transform: translateX(5px);opacity:1}

.idx2box1 .item:hover .h1{color: #db3831}

.idx2box1 .item:hover .imgbox img, .idx2box2 .item:hover .imgbox img{transform: scale(1.1) translateZ(0);}
.idx2box1{
	padding-bottom: 30px;
}

.hidePro {
	overflow-y: auto;
	position: absolute;
	left: -10px;
	right: -10px;
	bottom: 25px;
	border-bottom: none;
	border-top: none;
	background: rgba(255, 255, 255, 0.9);
	z-index: 99;
	box-sizing: border-box;
	border-left: 1px solid rgb(100, 100, 100);
	border-right: 1px solid rgb(100, 100, 100);
	display: none;
	border-radius: 6px;
}

.hidePro a {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
}

.hidePro a:hover {
	color: rgb(173, 129, 63);
}

.devideApply {
	cursor: pointer;
	position: relative;
	margin-left: 45px;
	font-size: 15px;
}
.hidePro{
	display: none;
	padding: 10px 0;
	border: 1px solid #333;
	background: #fff;
	position: absolute;
}
.hidePro a{
	font-size: 14px;
	color: #333;
	transition: all 0.4s;
	cursor: pointer;
	padding: 6px;
	text-align: center;
}
.hidePro a:hover{
	color: rgb(255,0,0);
}
.ftlogo{
	display: flex;
	align-items: center;
}
.index-news-box .news-list .item .txt span{
	transition: all 0.5s;
}
#honor{
	padding-bottom: 2rem;
}
#honor2 .swiper-container .swiper-slide img{
	padding-bottom: 2rem;
}
.joblist .a-text-center>img{
	margin-top: 15px;
}
.howord{
	line-height: 30px;
	text-align: center;
}
.a-produstlist .a-f30{
	font-weight: 600;
	font-size: 25px;
}
.pc-nav li dl {position: absolute;text-align: center;width: 100%;z-index: 9999;background: #fff;top: 81px;left: -30px;-webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;right: -30px;width: 120px;display: inline-block;}
.pc-nav  li dl dd {border-bottom:1px solid rgb(230,230,230); height: 50px;line-height: 50px; transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
.pc-nav  li dl dd:last-child {border-bottom: 0}
.pc-nav  li dl dd a {font-size:14px; transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block;width: 100%;color:#333}
.pc-nav  li dl dd:hover{
	background: #db3831;
}
.pc-nav  li dl dd:hover a { color:#fff!important;}
.pc-nav  dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
.pc-nav  li:hover dl {visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: none;-ms-transform: none;-o-transform: none;-webkit-transform: none;-moz-transform: none}



.nava{
	color: #333!important;
}

.wmax {
    width: 100%;
}
.hmax {
    height: 100%;
}
.lyBox {
    width:800px;
}

.pop{ position: fixed;  width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; display: none; z-index: 1000;}
.popClose img{  height: 25px; filter: grayscale(100%) brightness(500%);}
.lyBox{  width: 800px;}
.lyBox .tit{ height: 66px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; }
.lyBox .dis-flex-between-center>.item{ width:49%; }  
.lyBox .item .f16{font-size: 16px; }
.lyBox .item  .input{ width: 100%;  }
.lyBox .item  .input input{  height: 40px; padding: 0 15px; width: 100%; color: #333; border:1px solid #e5e5e5;}
.lyBox .item  .textarea{ width: 100%;}
.lyBox .item  .textarea textarea{   padding:   15px; width: 100%; color: #333;border:1px solid #e5e5e5;}
.lyBox .bg-black{ background-color: #db3831;font-size: 16px; }

.pr-20 {
    padding:0 20px;
}
.f22 {
    font-size: 22px;
}
.p20 {
    padding: 20px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-25 {
    margin-top: 25px;
}
.joblist .a-info>dl dt:nth-child(1){
	display: none;
}
.a-proInfo .a-color-red{
	font-weight: 600;
}
.contanttype{
	font-weight: 600;
	word-spacing: 20px;
	padding: 15px 0;
}
.addrebox  {
	font-weight: 600;
}
.joblist .a-f40{
	font-weight: 600;
}
.t1{
	font-weight: 600;
}
.jobTit{
	    text-align: left;
	    margin: auto;
		line-height: 28px;
}
.flexEnd{
	max-width: 660px;
	margin: auto;
	font-size: 20px;
	margin-top: 15px;
	color: #fff;
	text-align: right;
}
.culter{
	display: flex;
	align-items: center;
	justify-content: center;
}
.culter .aboutdesc {
	display:inline;margin:auto; 
	margin-top: 15px;
}
.sw00out .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity:1;
    margin: 0 6px;
}
.sw00out .swiper-pagination-bullet-active{
	background: #db3831!important;
}
@media screen and (max-width:1000px) {
	.evwz .txt4 {
	    font-size: 20px;
	    color: #fff;
	    font-weight: 600;
	    text-align: center;
	    font-family: 宋体;
	}
	.evwz .txt6 {
	    font-size: 15px;
	    color: #fff;
	    padding: 5px 0;
	    margin: 0;
	    font-weight: normal;
	    line-height:26px;
	    text-align: center;
	}
	.evwz {
	    top: 50%;
	}
}